<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--sweetalert2-->
    <link href="../dist/sweetalert2.min.css" rel="stylesheet">
    <script src="../dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>

<!--模拟现实中请求资源-->

<script>
  const p=  Swal.fire({
      title:    '警告',                   //大标题
      text:  '确认删除图片吗?',               //文本内容
      icon:   'info'    ,                 // 可以选择  success  error  warning  info   question
      confirmButtonText:'确认',
  })

  // 注意p不是一个promise对象  可以看做是 swal对象  内部也有自定义的then方法用于 结果回调
  // 调用自己的then方法后 返回的是promise对象  后面就可以用promise对象完成链式调用
  console.log(p)


  p.then(function (data){
      console.log(data)
      if(data.value){
          Swal.fire({
              title: "请稍等",
              text:"正在删除，请稍候...",
              icon: "warning",
              showConfirmButton:false,
              allowOutsideClick: false, //弹框外是否可点
          });

          return true;
      }
  }).then(function (data){


      //资源路径
      const ipAPI = './json/2.txt'


      // json()方法将内容流  转化为 JSON对象    此方法只能使用一次  因为stream 只能读取一次
      fetch(ipAPI).then(function (response){
          return response.json();
      }) .then(data => data)                                //简写  response => response.json()
            .then(function (data){
                if(data.ip=='123456'){
                    Swal.fire({
                        title: '删除成功',
                        icon: 'success',
                        confirmButtonText:'确认',
                    });
                }else{
                    Swal.fire({
                        title: '删除失败',
                        icon: 'error',
                        confirmButtonText:'确认',
                    });
                }

            })

  })
</script>

</body>
</html>